// 左边柱状图
// 基于准备好的dom，初始化echarts实例
var leftChart = echarts.init(document.querySelector(".chart_left"));

// 指定图表的配置项和数据
var optionL = {
    title: {
        text: '2018年注册人数'
    },
    tooltip: {},
    legend: {
        data:['人数']
    },
    xAxis: {
        data: ["1月","2月","3月","4月","5月","6月"]
    },
    yAxis: {},
    series: [{
        name: '人数',
        type: 'bar',
        data: [500, 2000, 3600, 1080, 1079, 2067]
    }]
};

// 使用刚指定的配置项和数据显示图表。
leftChart.setOption(optionL);


// 右边饼状图
// 基于准备好的dom，初始化echarts实例
var rightChart = echarts.init(document.querySelector(".chart_right"));

// 指定图表的配置项和数据
var optionR  = {
  title : {
      text: '热门品牌销售',
      subtext: '2018/10',
      x:'center'
  },
  tooltip : {
      trigger: 'item',
      formatter: "{a} <br/>{b} : {c} ({d}%)"
  },
  legend: {
      orient: 'vertical',
      left: 'left',
      data: ['乔丹','李宁','阿迪','特步','匡威']
  },
  series : [
      {
          name: '销量',
          type: 'pie',
          radius : '55%',
          center: ['50%', '60%'],
          data:[
              {value:3350, name:'乔丹'},
              {value:3100, name:'李宁'},
              {value:244, name:'阿迪'},
              {value:1300, name:'特步'},
              {value:1548, name:'匡威'}
          ],
          itemStyle: {
              emphasis: {
                  shadowBlur: 10,
                  shadowOffsetX: 0,
                  shadowColor: 'rgba(0, 0, 0, 0.5)'
              }
          }
      }
  ]
};


// 使用刚指定的配置项和数据显示图表。
rightChart.setOption(optionR);